<template>
  <el-card>
    <div class="title" :style="style">{{ title }}</div>
    <slot></slot>
  </el-card>
</template>

<script lang="ts">
import { defineComponent } from "vue"
export default defineComponent({
  props: {
    style: {
      type: Object,
      default: () => ({ "text-align": "center" }),
    },
    title: {
      type: String,
      default: "标题",
    },
  },
})
</script>
<style lang="less" scoped>
.el-card {
  padding: 0;
}
.title {
  border-bottom: 1px solid #e8ebf3;
}
</style>
